'use client'
import React from 'react'
import Link from 'next/link'
import { useRouter } from 'next/navigation'

const SearchForm = () => {
  const router = useRouter()
  return (
    <>
      <button onClick={() => router.replace('/zh/test/audi', { scroll: false })}>Audi</button>
      <br />
      <button onClick={() => router.replace('/zh/test/bmw', { scroll: false })}>BMW</button>
      <br />
      <button onClick={() => router.replace('/zh/test/bmw/120', { scroll: false })}>BMW</button>
      <br />
      <button onClick={() => router.replace('/zh/test/bmw/320', { scroll: false })}>BMW 320</button>
    </>
    // <div>
    //   <Link href="/zh/test/audi">Audi</Link>
    //   <br />
    //   <Link href="/zh/test/bmw">BMW</Link>
    //   <br />
    //   <Link href="/zh/test/bmw/120">BMW</Link>
    //   <br />
    //   <Link href="/zh/test/bmw/320">BMW 320</Link>
    // </div>
  )
}

export default SearchForm